<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>数组的操作</title>
	</head>
	<body>
	<!-- 	数组的操作   相关用法 队列/栈 压栈 pop 弹栈
		 push()在最后追加元素
		 pop()  从最后删除元素
		 shift()  从开头删除元素  出现在笔试题目
		 unshift() 从开头追加元素，
		  可以对数据进行删除 在后面不加数据，就能删除数据
		 splice() 替换数据
		 sort()排序  按照字符的编码顺序排序
		 reverse() 数组内容的的翻转 -->
		 
		
		 <!-- 对数据循环遍历 -->
        	 
		<div id="app">
			<span v-for="item in array" >{{item}}.</span>
				追加数据：<input type="text" v-model.number="num"/>
				
				<button  @click="push()" >push</button>
		</div>
		<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
	<script>
	const app=new Vue({
		el:'#app',
		data: {
			array: [1,2,3,3,4,5],
			num: ''
		},
		methods: {
			push(){
			this.array.push(this.num)
			},
			splice1(){
				/*arg1 操作数据 起始位置。下标从0开始
				  arg2 操作的数量
				  arg3 替换的值
				  this.array.splice(arg1,arg2,arg3)
				  */
				this.array.splice(0,1,this.num)
			}
			
			
			
		}
		
		
	})
	</script>
	
	</body>
</html>
